var actTimeList=[];//原始数据
var svgData=null;//组织数据对象，请求到数据以后产生
var svgDraw=null;//画svg对象，文档加载完成再产生，方便给svg赋值宽度
var iframe = $(window.parent.document).find("#iframePage");
var isEnlarge=localStorage.getItem('enlarge');
$(function() {
	svgDraw=new drawActSvg();
	getActInfo();// 获取动作时间序列
	if (iframe.length == 1) {
		parent.reinitIframe();
	}
	$("#saveAsImage").click(function() {
		// 保存为图片
		saveAsImage();
	});
	$("#refresh").click(function() {
		$("#actSvg").html("<svg id='svg'></svg>");
		svgDraw.refreshSvg();
		svgData.genDrawData();
		svgDraw.refreshData();
		svgDraw.initTimeLineData(1);
		if (iframe.length == 1) {
			parent.reinitIframe();
		}
	});
	$("#seeAllInfo").click(function() {
		$(this).addClass("selected");
		$("#actSvg").html("<svg id='svg'></svg>");
		svgDraw.refreshSvg();
		svgData.genAllDrawData();
		svgDraw.refreshData();
		svgDraw.initTimeLineData(1);
		if (iframe.length == 1) {
			parent.reinitIframe();
		}
	});
});

function saveAsImage() {
	var svgXml = $('#actSvg').html().trim();
	canvg("canvas", svgXml);
	var a = document.createElement('a');
	a.href = canvas.toDataURL('image/png'); // 将画布内的信息导出为png图片数据
	a.download = "我的下载"; // 设定下载名称
	a.click(); // 点击触发下载
}

//获取原始数据 [{"stationName":"思茅变","value":{time1:[name,act,phase],time1:[name,act,phase]},"error":[]}]
function getActInfo() {
	var result = document.getElementById("form10:actTimeList").value;
	if (result != "") {
		actTimeList = JSON.parse(result);
	}
	if (actTimeList.length>0) {
		svgData=new actSvgData(actTimeList);
		svgData.groupTime();
		$("#svg").width("2000").height("500");
		$(".tools").show();
		if (document.getElementById("noDetails")) {
			$("#noDetails").remove();
		}
		svgData.genDrawData();//产生画图需要的数据
		// showErrorMessage();
		svgDraw.initTimeLineData(1);
	} else {
		$("#svg").height(20);
		$(".tools").css("display", "none");
		if (document.getElementById("noDetails")) {

		} else {
			var span = $("<span id='noDetails'>无详细信息</span>").css({
				"display" : "block",
				"color" : "grey",
			    "margin": ".1em 44px .2em -85px"
			}).appendTo($("#actSvg"));
		}
	}
}
function resizeHtml() {
	var waveframe = document.getElementById("svg");
	if (!$.isEmptyObject(actTimeList)) {
		svgDraw.refreshSvg();
		svgDraw.initTimeLineData(zoom.scale);
		if (iframe.length == 1) {
			parent.reinitIframe();
		}
	} else {
		$("#svg").height(20);
		$(".tools").css("display", "none");
		if (document.getElementById("noDetails")) {
		} else {
			var span = $("<span id='noDetails'>无详细信息</span>").css({
				"display" : "block",
				"color" : "grey",
				"margin": ".1em 44px .2em -85px"
			}).appendTo($("#actSvg"));
		}
	}
}
//放缩
var zoom={
	scale:1,
	up:function(){
		this.scale=1.1;
		this.reDraw();
	},
	down:function(){
		this.scale=0.9;
		this.reDraw();
	},
	reDraw:function(){
		$("#tip").hide();
		svgDraw.reInitSvg();
		finalActTime=svgData.getFinalActTime(drawData);
		svgDraw.refreshData();
		svgDraw.initTimeLineData(this.scale);
	},
};

	$("#actSvg").mousewheel(function (event, delta) {  
		if (!event||drawData.length==0) event = window.event; 
		else{
			//上滚是放大1，下滚缩小-1
			if(delta>0){
				zoom.up();
			}else{
				zoom.down();
			}
		}
		return false; 
	}); 
	function refreshSvg(){
		svgDraw.reDrawSvg();
		getActInfo();
	}

